<!DOCTYPE html>
<html>
<head>
<title>无标题文档</title>
    <meta charset="UTF-8" >
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo/demo.css">
	<script type="text/javascript" src="../jquery.min.js"></script>
	<script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>

<body>
<div id="p1" class="easyui-panel" title="My Panel"     
        style="width:500px;height:150px;padding:10px;background:#fafafa;"   
        data-options="iconCls:'icon-save',closable:true,    
                collapsible:true,minimizable:true,maximizable:true">   
    <p>panel content.</p>   
    <p>panel content.</p>   
</div> 
<input name="open" type="button" onclick="$('#p1').panel('open')" value="open" />
<input name="close" type="button" onclick="$('#p1').panel('close')" value="close" />
</body>
</html>
